<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:tailor="http://www.tailor.org.br/seam"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
	template="/layout/template.xhtml">

	<ui:define name="body">
    <script language="javascript">

 			function openScheduleRequest()
 				{
	 			    window.open("http://www.buscacep.correios.com.br", "", "width=800,height=600,left=" + (document.documentElement.clientWidth - 800) / 2 + ",top=" + (document.documentElement.clientHeight - 600) / 2);  
 				}

	</script>
	
		<div id="page-wrap">

			<tailor:form>
				<h:messages style="color: #d50000;"/>
				<h1>Cadastro Novo Corretor</h1>
				<fieldset id="step_1">
					<p>Dados Pessoais:</p>
					<br class="Clear" />
					<div class="name_wrap2">
						<div class="space">
							<h:outputText value="Nome:" styleClass="espaco"/>
							<br />
							<h:inputText id="nome" required="true" name="nome" value="#{corretorPessoa.pessoa.nomePessoa}" requiredMessage="Campo Nome é obrigatório" styleClass="espaco" style="width: 230px"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Nome de Guerra:" styleClass="espaco"/>
							<br />
							<h:inputText id="nomeGuerra" required="true" name="nomeGuerra" value="#{corretorPessoa.nomeGuerra}" requiredMessage="Campo Nome de Guerra é obrigatório" styleClass="espaco" style="width: 230px"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Data Nascimento:" styleClass="espaco"/>
							<br />
							<h:inputText id="dtNascimento" required="true" name="dtNascimento" value="#{corretorPessoa.pessoa.dataNascimentoPessoa}" requiredMessage="Campo Data Nascimento é obrigatório" styleClass="espaco" style="width: 90px">
								<rich:jQuery selector="#dtNascimento" query="mask('99/99/9999')" timing="onload" />
								<f:convertDateTime pattern="dd/MM/yyyy"/>  
							</h:inputText>
						</div>
						<div class="space">
							<h:outputText value="Nacionalidade:" styleClass="espaco"/>
							<br />
							<h:inputText required="true" name="nacionalidade" value="#{corretorPessoa.pessoa.nacionalidadePessoa}" requiredMessage="Campo Nacionalidade é obrigatório" styleClass="espaco" style="width: 120px"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Sexo:" styleClass="espaco"/>
							<br />
							<h:selectOneMenu required="true" id="sexo" value="#{corretorPessoa.pessoa.sexoPessoa.idSexo}" requiredMessage="Campo Sexo é obrigatório" style="width: 150px;" styleClass="espaco">
								<s:selectItems itemValue="#{sex.idSexo}" value="#{corretorAction.listaSexoPessoa()}" var="sex" label="#{sex.nomeSexo}" noSelectionLabel="Selecione"/>
							</h:selectOneMenu>
						</div>
						<div class="space">
							<h:outputText value="Filhos:" styleClass="espaco"/>
							<br />
							<h:inputText required="true" name="filhos" value="#{corretorPessoa.pessoa.filhosPessoa}" requiredMessage="Campo Filhos é obrigatório" styleClass="espaco" style="width: 20px;"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="CPF:" styleClass="espaco"/>
							<br />
							<h:inputText id="cpf" required="true" name="cpf" value="#{corretorPessoa.pessoa.cpfPessoa}" requiredMessage="Campo CPF é obrigatório" styleClass="espaco" style="width: 105px;">
								<rich:jQuery selector="#cpf" query="mask('999.999.999-99')" timing="onload" />
							</h:inputText>
						</div>
						<div class="space">
							<h:outputText value="RG:" styleClass="espaco"/>
							<br />
							<h:inputText required="true" name="rg" value="#{corretorPessoa.pessoa.rgPessoa}" requiredMessage="Campo RG é obrigatório" styleClass="espaco" style="width: 105px;"/>
						</div>						
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Órgão Emissor:" styleClass="espaco"/>
							<br />
							<h:selectOneMenu required="true" id="orgEmissor" value="#{corretorPessoa.pessoa.orgaoEmissor.idOrgaoEmissor}" requiredMessage="Campo Orgão Emissor é obrigatório" style="width: 150px;" styleClass="espaco">
								<s:selectItems itemValue="#{org.idOrgaoEmissor}" value="#{corretorAction.listaOrgaosEmissoresRg()}" var="org" label="#{org.orgaoEmissor}" noSelectionLabel="Selecione"/>
							</h:selectOneMenu>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Estado Civil:" styleClass="espaco"/>
							<br />
							<h:selectOneMenu required="true" id="estCivil" value="#{corretorPessoa.pessoa.estadoCivil.idEstadoCivil}" requiredMessage="Campo Estado Civil é obrigatório" style="width: 105px;" styleClass="espaco">
								<s:selectItems itemValue="#{est.idEstadoCivil}" value="#{corretorAction.listaEstadosCivis()}" var="est" label="#{est.nomeEstadoCivil}" noSelectionLabel="Selecione"/>
							</h:selectOneMenu>
						</div>
						<div class="space">
							<h:outputText value="Escolaridade:" styleClass="espaco"/>
							<br />
							<h:selectOneMenu required="true" id="escolaridade" value="#{corretorPessoa.pessoa.escolaridade.idEscolaridade}" requiredMessage="Campo Escolaridade é obrigatório" style="width: 105px;" styleClass="espaco">
								<s:selectItems itemValue="#{esc.idEscolaridade}" value="#{corretorAction.listaEscolaridades()}" var="esc" label="#{esc.nomeEscolaridade}" noSelectionLabel="Selecione"/>
							</h:selectOneMenu>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Filiação Mãe:" styleClass="espaco"/>
							<br />
							<h:inputText required="true" name="filiacaoMae" value="#{corretorPessoa.pessoa.filiacaoMaePessoa}" requiredMessage="Campo Filiação Mãe é obrigatório" styleClass="espaco" style="width: 230px"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Filiação Pai:" styleClass="espaco"/>
							<br />
							<h:inputText required="true" name="filiacaoPai" value="#{corretorPessoa.pessoa.filiacaoPaiPessoa}" requiredMessage="Campo Filiação Pai é obrigatório" styleClass="espaco" style="width: 230px"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Telefone 1:" styleClass="espaco"/>
							<br />
							<h:inputText id="telefone1" required="true" name="telefone1" value="#{corretorPessoa.pessoa.celularPessoa}" requiredMessage="Campo Telefone 1 é obrigatório" styleClass="espaco" style="width: 105px">
								<rich:jQuery selector="#telefone1" query="mask('(99)9999-9999')" timing="onload" />
							</h:inputText>
						</div>
						<div class="space">
							<h:outputText value="Telefone 2:" styleClass="espaco"/>
							<br />
							<h:inputText id="telefone2" required="true" name="telefone2" value="#{corretorPessoa.pessoa.celular2Pessoa}" requiredMessage="Campo Telefone 2 é obrigatório" styleClass="espaco" style="width: 105px">
								<rich:jQuery selector="#telefone2" query="mask('(99)9999-9999')" timing="onload" />
							</h:inputText>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="Telefone 3:" styleClass="espaco"/>
							<br />
							<h:inputText id="telefone3" required="false" name="telefone3" value="#{corretorPessoa.pessoa.celular3Pessoa}" requiredMessage="Campo Telefone 3 é obrigatório" styleClass="espaco" style="width: 105px">
								<rich:jQuery selector="#telefone3" query="mask('(99)9999-9999')" timing="onload" />
							</h:inputText>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText value="E-mail:" styleClass="espaco"/>
							<br />
							<h:inputText required="true" name="email" value="#{corretorPessoa.pessoa.emailPessoa}" requiredMessage="Campo E-mail é obrigatório" styleClass="espaco" validatorMessage="E-mail inválido" style="width: 230px;">
							</h:inputText>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText styleClass="espaco" value="CEP:" />
							<br />
							<h:inputText required="true" name="cep" value="#{corretorPessoa.pessoa.endereco.cep}" id="cep" requiredMessage="Campo CEP é obrigatório" styleclass="espaco" onblur="getEndereco()">
								<rich:jQuery selector="#cep" query="mask('99999-999')" timing="onload" />
							</h:inputText>
						</div>
						<div class="space">
							<br />
							<s:link id="consultarCep" value="Consultar CEP" immediate="true" onclick="openScheduleRequest(); return false" />
						</div>
						<br class="Clear" />
						<div class="space">
							<h:outputText styleClass="espaco" value="Rua:" />
							<br />
							<h:inputText required="true" styleClass="espaco" id="rua" name="rua" label="Rua:" value="#{corretorPessoa.pessoa.endereco.rua}" requiredMessage="Campo Rua é obrigatório" style="width: 230px"/>
						</div>
						<br class="Clear"/>
						<div class="space">
							<h:outputText styleClass="espaco" value="Bairro:" />
							<br />
							<h:inputText required="true" styleClass="espaco"	id="bairro" name="bairro" label="Bairro:" value="#{corretorPessoa.pessoa.endereco.bairro}" requiredMessage="Campo Bairro é obrigatório"/>
						</div>
						<br class="Clear" />
						
						<div class="space">
							<h:outputText styleClass="espaco" value="Cidade:" />
							<br />
							<h:inputText required="true" styleClass="espaco" id="cidade" name="cidade" label="Cidade:" value="#{corretorPessoa.pessoa.endereco.cidade}" requiredMessage="Campo Cidade é obrigatório" style="width: 180px"/>
						</div>
						<div class="space">
							<h:outputText styleClass="espaco" value="Estado:" />
							<br />
							<h:inputText required="true" styleClass="espaco" id="estado" name="estado" label="Estado:" value="#{corretorPessoa.pessoa.endereco.estado}" requiredMessage="Campo Estado é obrigatório" style="width:30px"/>
						</div>
						<br class="Clear" />
						<div class="space">
							<h:selectBooleanCheckbox value="#{corretorPessoa.pessoa.notebookPessoa}" /> 
							<h:outputText styleClass="espaco" value="Possui notebook?" />
						</div>
						<br class="Clear" />
						<div class="space">
							<h:selectBooleanCheckbox value="#{corretorPessoa.pessoa.carroPessoa}" />
							<h:outputText styleClass="espaco" value="Possui carro?" />
						</div>
						<br class="Clear" />
					</div>
				</fieldset>
				<fieldset id="step_1">
					<p>Dados Corretor:</p>
					<br class="Clear" />
					<div class="name_wrap2">	
						<h:outputText value="Tipo Creci:" styleClass="espaco"/>
						<br />
						<h:selectOneMenu required="true" id="tipoCreci" value="#{corretorPessoa.tipoCreci.idTipoCreci}" requiredMessage="Campo Tipo Creci é obrigatório" style="width: 150px;" styleClass="espaco">
							<s:selectItems itemValue="#{tipCre.idTipoCreci}" value="#{corretorAction.listaTiposCreci()}" var="tipCre" label="#{tipCre.nomeTipoCreci}" noSelectionLabel="Selecione"/>
						</h:selectOneMenu>
						<br class="Clear" />
						
						<h:outputText value="Creci:" styleClass="espaco" />
						<br />
						<h:inputText styleClass="espaco" required="true" name="creci" value="#{corretorPessoa.corretorCreci}" requiredMessage="Campo Creci é obrigatório"/>
						<br class="Clear" />
						
						<h:outputText value="Validade:" styleClass="espaco"/>
						<br />
						<h:inputText id="dtValidade" required="true" name="dtValidade" value="#{corretorPessoa.vencimentoCreci}" requiredMessage="Campo Validade é obrigatório" styleClass="espaco" style="width: 120px">
							<rich:jQuery selector="#dtValidade" query="mask('99/99/9999')" timing="onload" />
							<f:convertDateTime pattern="dd/MM/yyyy" />  
						</h:inputText>
						<br class="Clear" />							
						<s:div id="conteiner2">
							<s:div id="dadosComplementares2" rendered="true">	
								<h:outputText value="Classificação:" styleClass="espaco"/>
								<br />
								<h:selectOneMenu required="true" id="classif" value="#{corretorPessoa.classificacao.idClassificacao}" requiredMessage="Campo Classificação é obrigatório" style="width: 150px;" styleClass="espaco">
									<s:selectItems itemValue="#{classif.idClassificacao}" value="#{corretorAction.listaClassificacao()}" var="classif" label="#{classif.nomeClassificacao}" noSelectionLabel="Selecione"/>
									<a4j:support event="onchange" limitToList="true" ajaxSingle="true" bypassUpdates="false" reRender="conteiner2" />
								</h:selectOneMenu>
								<br class="Clear" />		
								<s:div id="patrocinadorEempMaster" rendered="#{corretorPessoa.classificacao.mostraEmpMasterEPatrocinador()}">
									<h:outputText value="Título:" styleClass="espaco"/>
									<br />
									<h:selectOneMenu required="true" id="titulos" value="#{corretorPessoa.titulo.idTitulo}" requiredMessage="Campo Título é obrigatório" style="width: 150px;" styleClass="espaco">
										<s:selectItems itemValue="#{tit.idTitulo}" value="#{corretorAction.listaTitulos()}" var="tit" label="#{tit.nomeTitulo}" noSelectionLabel="Selecione"/>
									</h:selectOneMenu>
									<br class="Clear" />
									
									<h:outputText value="Creci Patrocinador:" styleClass="espaco" />
									<br />
									<h:inputText styleClass="espaco" required="true" name="creciPat" value="#{corretorPessoa.patrocinador}" requiredMessage="Campo Creci Patrocinador é obrigatório"/>
									<br class="Clear" />
									
									<h:outputText value="Empreendedor Master:" styleClass="espaco" />
									<br />
									<h:selectOneMenu styleClass="espaco" required="true" id="empMaster" value="#{corretorPessoa.empMaster.idEmpMaster}" requiredMessage="Campo Empreendedor Master é obrigatório" style="width: 200px;">
										<s:selectItems itemValue="#{emp.empMaster.idEmpMaster}" value="#{corretorAction.listaEmpMaster(2)}" var="emp" label="#{emp.pessoa.nomePessoa}" noSelectionLabel="Selecione"/>
									</h:selectOneMenu>
								</s:div>
								<br class="Clear" />								
								<s:div id="mostraDiretor" rendered="#{corretorPessoa.classificacao.mostraDiretor()}" styleClass="espaco" >									
									<h:outputText value="Diretor:" />
									<br />
									<h:selectOneMenu styleClass="espaco" required="true" id="diret" value="" requiredMessage="Campo Diretor é obrigatório" style="width: 200px;">
										<s:selectItems itemValue="#{dir.idDiretor}" value="#{diretores}" var="dir" label="#{dir.corretorPesDir.pessoa.nomePessoa}" noSelectionLabel="Selecione"/>
									</h:selectOneMenu>
								</s:div>
								<br class="Clear" />
								
								<s:div id="mostraDiretorNN" rendered="#{corretorPessoa.classificacao.mostraDiretorNN()}">
									<h:outputText value="Diretor Novos Negócios:" styleClass="espaco" />
									<br />
									<h:selectOneMenu styleClass="espaco" required="true" id="diretNN" value="#{corretorPessoa.diretor.diretorNN.idDiretorNN}"  requiredMessage="Campo Diretor Novos Negócios é obrigatório" style="width: 200px;">
										<s:selectItems itemValue="#{dirNN.idDiretorNN}" value="#{diretoresNN}" var="dirNN" label="#{dirNN.pessoa.nomePessoa}" noSelectionLabel="Selecione"/>
									</h:selectOneMenu>
								</s:div>
								<br class="Clear" />
							</s:div>
							
							<s:div id="situacao_status" rendered="#{corretorAction.valor}">
								<h:outputText value="Situação:" styleClass="espaco" />
								<br />
								<h:selectOneMenu styleClass="espaco"  requiredMessage="Campo Situação é obrigatório" required="true" id="sit" value="#{corretorPessoa.situacao}" style="width: 120px;">
									<s:selectItems itemValue="#{sit.idSituacao}" value="#{corretorAction.listaSituacoes()}" var="sit" label="#{sit.nomeSituacao}" noSelectionLabel="Selecione"/>
								</h:selectOneMenu>
								<br class="Clear" />
										
								<h:outputText value="Status:" styleClass="espaco" />
								<br />
								<h:selectOneMenu styleClass="espaco"  requiredMessage="Campo Status é obrigatório" required="true" id="sta" value="#{corretorPessoa.statusCorretor}" style="width: 120px;">
									<s:selectItems itemValue="#{sta.idStatus}" value="#{corretorAction.listaStatusCor()}" var="sta" label="#{sta.nomeStatus}" noSelectionLabel="Selecione"/>
								</h:selectOneMenu>
							</s:div>
						</s:div>
						<br class="Clear" />
						<h:outputText value="Observação:" />
						<br />
						<h:inputTextarea value="#{corretorPessoa.observacao}" required="true" cols="35" rows="10" requiredMessage="Campo Observação é obrigatório"/>
					</div>
				</fieldset>
				<fieldset id="step_1">
					<p>Confirmação:</p>
					<br class="Clear" />
					<label for="politica"> Esta de acordo com as informações e politicas da empresa?* </label>
					<h:selectBooleanCheckbox id="politica" value="#{corretorPessoa.selecionado}" required="true" requiredMessage="Campo Politicas da Beiramar é obrigatório"/>
						
					<br />
					<br />
					<s:link>Politicas da Beiramar</s:link>
					<br /> <br />
					<h:commandButton value="Salvar" action="#{corretorAction.salvar()}" style="margin: 10px 10px 10px 0px; border: 1px solid #7DB9E8 !important; border-radius: 2px; height: 25px; background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);"/>
				</fieldset>
				<s:button immediate="true" action="#{corretorAction.voltarTela()}" value="Voltar" style="margin: 10px 10px 10px 30px; border: 1px solid #7DB9E8 !important; border-radius: 2px; height: 25px; background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);"></s:button>
			</tailor:form>
		</div>
	</ui:define>
</ui:composition>